<template>
    <h1>Pinia 部分</h1>
    <div class="pinia_container">
        <Count></Count>
        <hr>
        <LoveTalk></LoveTalk>
    </div>
</template>

<script setup lang="ts">
import Count from './pinia/Count.vue';
import LoveTalk from './pinia/LoveTalk.vue';
</script>

<style scoped>
.pinia_container{
    background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    box-shadow: 0 0 10px;
    border-radius: 10px;
    padding: 20px;
}
</style>